<include file="Public:header" />
<!--content--> 



<div class="m2ban bgImg">

        <img src="__PUBLIC__/default/images/m2ban5.jpg" id="ctl00_ContentPlaceHolder1_banner" />

        <div class="m2banTxt wow fadeIn" data-wow-delay="0.2s">News</div>

    </div>

    <div id="ctl00_ContentPlaceHolder1_site" class="m2menuBox">

                

			<a href="#" class="m2menu_a on">News</a>          

			<a href="#" class="m2menu_a">Events</a>

		            

    </div>

    <div class="m2pos">

        <div class="container clearfix">

            <span class="m2posNm"><a class="cor_666" href="/">Home</a> - <a class="cor_666">News & Events</a></span>

        </div>

    </div>

    <div class="container">

        <ul class="m2newList">

                    <?php
                        $con = M('content')->where(['pid'=>4])->select();
                    ?>

                    <volist name="con" id="vo">
                    <li>

                        <a href="#" class="m2new_aBox scaleImg">

                            <div class="overflowHide">

                                <div class="bgImg">

                                    <img src="<{$vo.picurl}>"><div class="m2new_aIcon transition"></div>

                                </div>

                            </div>

                            <div class="m2newTxt">

                                <div class="m2new_t1 transition ellipsis"><{$vo.title}> </div>

                                <div class="m2new_time">

                                    <{$vo.posttime|date='Y.m',###}>

                                    <span class="m2newTimes"><span class="dsPhone">-</span>  <{$vo.posttime|date='d',###}></span>

                                </div>

                                <div class="m2newDes">
                                  <{$vo.content}> 
                                </div>

                                <span class="m2newMore"></span>

                            </div>

                        </a>

                    </li>

                    </volist>

                   

                

        </ul>

           <!-- <a href="javascript:;"class="m2wdMore">Click to load more <i class="fa fa-refresh"></i></a> -->

    </div>

      <script type="text/javascript">

    

          var page =1;

          var pageCount =8;

        var pkid=18;

          $(function () {

              if (page >= pageCount) {

                  $(".m2wdMore").html('Loaded all<i class="fa fa-refresh">');           

              }

              $(".m2wdMore").click(function () {

            

                  if (page >= pageCount) {

                      $(".m2wdMore").html('Loaded all<i class="fa fa-refresh">');    

                      return;

                  }

                  else

                  { 

                    

                      page++;

                      LoadList(page)

                      $(".m2wdMore").html('Being loaded<i class="fa fa-refresh">');    

                      if(page==pageCount)

                      {

                          $(".m2wdMore").html('Loaded all<i class="fa fa-refresh">');    

                      }

                      else

                      {

                          $(".m2wdMore").html('Click to load more<i class="fa fa-refresh">');    

                      }

                  }

              

              });

          });

          function LoadList(page) {

              $.get("/ajax/loadnews.ashx", {

                  pageIndex: page,

                  pageSize: 4,

                  categoryId:pkid

   



              }, function(data, textStatus) {

                  if (textStatus == "success") {

                      $(".m2newList").append(data);

                      $(".bgImg").each(function(i){$(".bgImg").eq(i).css("background-image","url("+$(this).find("img").attr("src")+")")});

                  

                  }

              });

          };

    </script>



<!-- content -->

<include file="Public:footer" />